<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>会员中心</title>
    <link rel="stylesheet" type="text/css" href="css/vip.css">
    <link rel="stylesheet" type="text/css" href="css/vip-side.css">
    <link rel="stylesheet" href="../common/css/reset.css">
    <link rel="stylesheet" href="../common/css/common.css">
</head>
<body>
    <!-- 页眉 -->
    <div class="header clearfloat">
       <div class="container">
            <div class="header-left">
                Hi，欢迎来到至爱空间！  登录 <span></span> 退出
            </div>
            <div class="header-right">
                我的订单 <span></span> 会员俱乐部 <span></span> 手机商城 <span></span> 客户服务 <span></span> 网站导航
            </div>
        </div>
    </div>
    <div class="container">
         <div class="beloved">
             <div class="logo">
                 <img src="../common/images/beloved.png" alt="logo">
                 <img src="../common/images/love.png" alt=logo-back"">
             </div>
             <form id="form1" action="#" method="get">
                <div class="srh">
                    <select>
                        <option>商品</option>
                        <option>商品</option>
                        <option>商品</option>
                    </select>
                     <input type="text" id="text" name="text" placeholder="商品关键词">
                     <input type="submit" id="search" name="search" value="">
                </div>
                <div class="shop">
                     <select>
                         <option>我的商城</option>
                         <option>我的商城</option>
                     </select>
                     <select id="shop-select2">
                         <option>购物车</option>
                         <option>购物车</option>
                     </select>
                     <img src="../common/images/gwc2.png">
                </div>
             </form>
         </div>
         <div class="nav">
             <ul>
                 <li class="mall">商城首页</li>
                 <li>红 酒</li>
                 <li>家 电</li>
                 <li>数 码</li>
                 <li>汽 车</li>
                 <li>手 机</li>
                 <li>电 脑</li>
                 <li>美 妆</li>
             </ul>
         </div>
         <div class="content">
             <div class="side">
                <div class="side-top">
                     <div class="jay"></div>
                      <span>酷酷的杰伦先生 </span><img src="images/phone.png" alt="phone"><img src="images/zfb.png" alt="支付">      
                </div>
                <h4>我的账户</h4>
                <ul>
                    <h5>个人设置</h5>
                    <li class="red">基本信息</li>
                    <li>修改头像</li>
                    <li>安全中心</li>
                    <li>账号绑定</li>
                    <li>收货地址</li>
                </ul>
                <ul>
                    <h5>服务中心</h5>
                    <li>购买过的微店</li>
                    <li>我的收藏</li>
                    <li>评价管理</li>
                    <li>退款维权</li>
                    <li>支付宝绑定</li>
                    <li>消息提醒</li>
                </ul>
             </div>
             <div class="main">
                 <p class="info-title">我的账户</p>
                 <div class="info">
                     <p >用户名：   <span id="yellow">酷酷的周杰伦先生</span> &nbsp; 上次登录时间： <span id="yellow"> 2015-02-05 22:16:33</span>  

                     </p>
                     <p>安全等级：<span id="red">低 <img src="images/save1.png" alt="dangerous"> 您的账户有3个安全隐患！</span>
                       进入安全中心>> <img src="images/icon.png" alt="安全中心"> [修改密码] [手机绑定] [邮箱绑定]
                      </p>
                 </div>
                 <div class="status clearfloat">
                     <div class="sum">
                        <div class="top">
                             <table  cellspacing="0" width="360px" height="150px">
                                 <tr>
                                     <td align="left" ><strong class="yellow">我的余额</strong></td>
                                     <td align="right">我的余额&#62;&#62; </td> <!-- 符号>的ASCII代码 -->
                                 </tr>
                                 <tr>
                                     <td ><img src="images/grey-icon.png"> 可用金额：</td>
                                     <td align="center"> <b class="red">5500.00</b>元</td>
                                 </tr>
                                 <tr>
                                     <td><img src="images/sl.png"> 退款中金额：</td>
                                     <td align="center"><b class="red">120.00</b>元</td>
                                 </tr>
                             </table>
                        </div>
                        <div class="bottom" >
                                <table width="360px" height="90px" cellspacing="0" cellpadding="5px">
                                 <tr>
                                     <td><strong >提取现金 ></strong></td>
                                     <td>余额可以用来兑换现金，积分不能<br/><br/>兑换现金，支持支付宝提现</td>
                                 </tr>
                             </table>
                        </div>
                     </div>
                     <div class="credits">
                         <div class="top">
                             <table  cellspacing="0" width="360px" height="100px">
                                 <tr>
                                     <td align="left" ><strong class="yellow">我的积分</strong></td>
                                     <td align="right">积分明细>> </td>
                                 </tr>
                                 <tr>
                                     <td ><img src="images/grey-icon.png"> 可用积分：</td>
                                     <td align="center"> <b class="red">568</b>分</td>
                                 </tr>
                             </table>
                         </div>
                         <div class="bottom">
                             <table width="360px" height="90px" cellspacing="0" cellpadding="5px">
                                 <tr>
                                     <td><strong >兑换礼品 ></strong></td>
                                     <td>
                                         可用积分用来兑换礼品，话费<br/><br/>
                                         <img src="images/w.png"> <span class="yellow">如何获得积分？</span>
                                     </td>
                                 </tr>
                             </table>
                         </div>
                     </div>
                 </div>
                 <div class="orders">
                    <div class="orders-title">
                            <p><strong class="yellow">近期订单</strong></p>
                    </div>
                     <div class="wine">
                         <p class="text">2015-02-02  订单号：968346658772059 <b>至爱空间官方微店</b></p>
                         <p class="detail">
                            <img src="images/wine.png" alt="wine"> <span class="span1">lerovole意大利原瓶进口红酒干红葡萄酒餐酒整箱送酒杯</span>
                            <strong class="red">389.00</strong> 退货/投诉买家<span class="span2"><span class="red"> 389.00</span> <br/>(含运费：0.00)</span> <input type="submit" value="确认收货" name="button" id="button" />
                        </p>
                     </div>
                     <div class="wine">
                         <p class="text">2015-02-02  订单号：968346658772059 <b>至爱空间官方微店</b></p>
                         <p class="detail">
                            <img src="images/wine.png" alt="wine"> <span class="span1">lerovole意大利原瓶进口红酒干红葡萄酒餐酒整箱送酒杯</span>
                            <strong class="red">389.00</strong> 退货/投诉买家<span class="span2"><span class="red"> 389.00</span> <br/>(含运费：0.00)</span> <input type="submit" value="确认收货" name="button" id="button" />
                        </p>
                     </div>
                     <div class="wine">
                         <p class="text">2015-02-02  订单号：968346658772059 <b>至爱空间官方微店</b></p>
                         <p class="detail">
                            <img src="images/wine.png" alt="wine"> <span class="span1">lerovole意大利原瓶进口红酒干红葡萄酒餐酒整箱送酒杯</span>
                            <strong class="red">389.00</strong> 退货/投诉买家<span class="span2"><span class="red"> 389.00</span> <br/>(含运费：0.00)</span> <input type="submit" value="确认收货"  id="input" name="input" />
                        </p>
                     </div>
                     <p class="more-order">查看更多订单信息 >></p>
                 </div>
             </div>
         </div>
    </div>
    <!-- 页脚 -->
    <div class="footer">
        <div class="footer-top clearfloat">
                  <img src="../common/images/love-footer.png" class="beloved-image" alt="logo">
                  <ul>
                    <h5>购物指南</h5>
                    <li>免费注册</li>
                    <li>开通支付宝</li>
                    <li>支付宝充值</li>
                  </ul>
                  <ul>
                    <h5>电器厂保障</h5>
                    <li>进货入户</li>
                    <li>顺丰包邮</li>
                    <li>无忧退换货</li>
                    <li>全国联保</li>
                    <li>货票同行</li>
                  </ul>
                  <ul>
                    <h5>支付宝方式</h5>
                    <li>支付宝快捷支付</li>
                    <li>支付宝余额支付</li>
                    <li>支付宝钱包支付</li>
                    <li>新人支付</li>
                  </ul>
                  <ul>
                    <h5>商家服务</h5>
                    <li>入驻电器城</li>
                    <li>加入电器城服务保障</li>
                    <li>电器城喵言喵语</li>
                    <li>电器城商家管理规范</li>
                  </ul>
                  <div class="phone">
                    <h5>手机电器城</h5>
                    <img src="../common/images/footer-erwei.png" alt="二维码">
                  </div>
        </div>  
        <div class="footer-bottom">
             <p>Copyright @ 2008- 2012 Shengcankeji. All Rights Reserved. 深圳市至爱酒业有限公司 版权所有</p>
            <p>地址:广东省深圳市南山区深南大道以北世纪假日广场3405,3406,3407, Tel: 13958062335  E-mail:61487206@qq.com</p>  
        </div>   
    </div>
</body>
</html>